<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <!-- 

        移动端    手机


        手机：
            屏幕小    不能做复杂的布局
            手机端需要做适配
                PC端   有版心     屏幕大了就居中
                手机端  适配的     宽度百分比
            分辨率的问题  ---  设备像素比
                PC端   物理像素和逻辑像素是一样的
                手机屏幕   物理像素和逻辑像素不一样       手机的分辨率比电脑更高一些
                    移动互联网的发展是伴随着IOS和Android的出现发展起来
                    视网膜屏幕   ---  更加高清   

                移动端的设计图  都是放大了两倍甚至三倍    
                        320px --- 640px   
                        375px ---- 750px
                        375px ---  1125px

                常见的图   一般都是  750px    



     -->
    
</body>
</html>